<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet"
	href="../js/jquery.mobile/jquery.mobile-1.1.1.css" />
<link rel="stylesheet" href="../css/main.css" />
<script type="text/javascript" src="../js/cordova-2.0.0.js"></script>
<script type="text/javascript" src="../js/jquery.mobile/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="../js/jquery.mobile/jquery.mobile-1.1.1.js"></script>
<script src="http://maps.google.com/maps/api/js?sensor=true" type="text/javascript"></script>
<script src="../js/jquery.mobile/jquery.ui.map.full.min.js" type="text/javascript"></script>
<script type="text/javascript" src="../js/main.js"></script>
<script type="text/javascript" src="../js/claimstatus.js"></script>
<script type="text/javascript" src="../js/updateaddress.js"></script>
<script type="text/javascript" src="../js/updatebank.js"></script>
<script type="text/javascript" src="../js/usersettings.js"></script>
<script type="text/javascript" src="../js/searchva.js"></script>


</head>
<body>
	<!-- Start of landing page -->
	<div data-role="page" id="landing">
		<div data-role="header">
			<h1>Notifications</h1>
			<a href="#notifications" data-icon="alert" data-theme="e"
				class="ui-btn-right">2</a>
		</div>
		<div data-role="content">
			<ul data-role="listview" data-theme="b" data-divider-theme="d">
				<li data-role="list-divider">Status Update</li>
				<li><a href="#claimstatus"><h3>Check My Claims</h3><span class="ui-li-count">3</span></a></li>
				<li><a href="#firstnoticeofdeath"><h4>First Notice Of	Death</h4></a></li>
				<li><a href="#depositstatus"><h3>Direct Deposit</h3></a></li>
				<li data-role="list-divider">Search</li>
				<li><a href="#searchva"><h4>Find Nearest VA Medical Center</h4></a></li>
				<li data-role="list-divider">Configure</li>
				<li><a href="#updateaddress"><h3>Update Address</h3></a></li>
				<li><a href="#updatebank"><h3>Update Banking Information</h3></a></li>
				<li><a href="#userpref"><h3>Personal Settings</h3></a></li>
			</ul>
		</div>
	</div>

	<!-- Start of firstnoticeofdeath page -->
	<div data-role="page" id="firstnoticeofdeath">
		<div data-role="header">
			<a href="#landing" data-icon="arrow-l">Back</a>
			<h1>Death Notice</h1>
		</div>
		<!-- /header -->
		<div data-role="content">
			<!-- 		<form action="#" method="get"> -->
			<div data-role="fieldcontain">
				<fieldset>
					<div data-role="fieldcontain">
						<label for="deathdate">Date Of Death:</label> 
						<input type="date" name="deathdate" id="deathdate" value="" />
					</div>					
				</fieldset>				
			</div>		
		</div>
		<div data-role="footer" data-position="fixed">
				<fieldset class="ui-grid-a">
					<div class="ui-block-a" style="padding:5px;">
						<button type="submit" id="updatedeathcancel" data-theme="d">Cancel</button>
					</div>
					<div class="ui-block-b" style="padding:5px;">
						<button type="submit" id="updatedeathsubmit" data-theme="a">Submit</button>
					</div>
				</fieldset>
		</div>
		<!-- 		</form> -->
	</div>
	
		<!-- Start of notifications page -->
	<div data-role="page" id="notifications">
		<div data-role="header">
			<a href="#landing" data-icon="arrow-l">Back</a>
			<h1>Notifications</h1>
			<a href="#" data-icon="delete">Clear All</a>
		</div>
		<!-- /header -->
		<div data-role="content">
			<ul data-role="listview" data-theme="b" data-divider-theme="d">
				<li data-icon="delete"><a href="#">
						<h3>Direct Deposit</h3>
						<p>
							<strong>Your Money Has Been Deposited</strong>
						</p>
						<p>
							Amount: $512.00
						</p>
						<p class="ui-li-aside">
							<strong>9/1/12</strong>
						</p>
				</a></li>
				<li data-icon="delete"><a href="#">
						<h3>Claim Status</h3>
						<p>
							<strong>Claim Now In Development</strong>
						</p>
						<p>
							Back Pain
						</p>
						<p class="ui-li-aside">
							<strong>9/1/12</strong>
						</p>
				</a></li>
			</ul>
		</div>
	</div>
	
	<!-- Start of userpref page -->
	<div data-role="page" id="userpref">
		<div data-role="header">
			<a href="#landing" data-icon="arrow-l">Back</a>
			<h1>User Settings</h1>
		</div>
		<!-- /header -->
		<div data-role="content">
			<!--	<form action="#" method="get" data-transition="pop"> -->
			<div data-role="fieldcontain">
				<label for="notificationsdiv"><strong>Notification
						Settings</strong></label>
				<div data-role="controlgroup" data-type="horizontal"
					id="notificationsdiv">
					<a href="#" id="enableallnotifications" data-theme="b"
						data-role="button">Enable All</a> <a href="#"
						id="disableallnotifications" data-theme="a" data-role="button">Disable
						All</a>
				</div>
			</div>
			<div data-role="fieldcontain">
				<fieldset data-role="controlgroup">
					<input type="checkbox" name="checkbox-csn" id="checkbox-csn"
						class="custom" /> <label for="checkbox-csn">Claim Status</label>
					<input type="checkbox" name="checkbox-ddn" id="checkbox-ddn"
						class="custom" /> <label for="checkbox-ddn">Direct
						Deposit</label> <input type="checkbox" name="checkbox-fnod"
						id="checkbox-fnod" class="custom" /> <label for="checkbox-fnod">Fist
						Notice Of Death</label>
				</fieldset>
			</div>
			<div data-role="fieldcontain">
				<label for="storagediv"><strong>Local Storage
						Settings</strong></label>
				<div id="storagediv">
					<fieldset data-role="controlgroup" data-type="horizontal">
						<input type="radio" name="radiostoreinfo" id="radiostoreinfoyes"
							value="Allow" /> <label for="radiostoreinfoyes">Allow</label> <input
							type="radio" name="radiostoreinfo" id="radiostoreinfono"
							value="Disable" /> <label for="radiostoreinfono">Disable</label>
					</fieldset>
				</div>
			</div>
		</div>
		<div data-role="footer" data-position="fixed">
				<fieldset class="ui-grid-a">
					<div class="ui-block-a" style="padding:5px;">
						<button type="submit" id="userprefcancel" data-theme="d">Cancel</button>
					</div>
					<div class="ui-block-b" style="padding:5px;">
						<button type="submit" id="userprefsubmit" data-theme="a">Submit</button>
					</div>
				</fieldset>
		</div>
					<!--	</form>	-->
	</div>

	<!-- Start of depositstatus page -->
	<div data-role="page" id="depositstatus">
		<div data-role="header">
			<a href="#landing" data-icon="arrow-l">Back</a>
			<h1>Direct Deposit</h1>
		</div>
		<!-- /header -->
		<div data-role="content">
			<ul data-role="listview" data-theme="b" data-divider-theme="d">
				<li data-role="list-divider">Viewing Deposits From 3/7/12</li>
				<li data-icon="false"><a href="#">
						<h3>Chase</h3>
						<p>
							<strong>Checking</strong>
						</p>
						<p>
							Deposit Date:<strong>9/1/12</strong>
						</p>
						<p class="ui-li-aside">
							<strong>$512.00</strong>
						</p>
				</a></li>
				<li data-icon="false"><a href="#">
						<h3>Bank Of America</h3>
						<p>
							<strong>Checking</strong>
						</p>
						<p>
							Deposit Date:<strong>8/1/12</strong>
						</p>
						<p class="ui-li-aside">
							<strong>$89.00</strong>
						</p>
				</a></li>
				<li data-icon="false"><a href="#">
						<h3>Bank Of America</h3>
						<p>
							<strong>Checking</strong>
						</p>
						<p>
							Deposit Date:<strong>7/1/12</strong>
						</p>
						<p class="ui-li-aside">
							<strong>$121.00</strong>
						</p>
				</a></li>
				<li data-icon="false"><a href="#">
						<h3>Bank Of America</h3>
						<p>
							<strong>Savings</strong>
						</p>
						<p>
							Deposit Date:<strong>6/1/12</strong>
						</p>
						<p class="ui-li-aside">
							<strong>$56.99</strong>
						</p>
				</a></li>
				<li data-icon="false"><a href="#">
						<h3>Chase</h3>
						<p>
							<strong>Savings</strong>
						</p>
						<p>
							Deposit Date:<strong>5/1/12</strong>
						</p>
						<p class="ui-li-aside">
							<strong>$512.00</strong>
						</p>
				</a></li>
			</ul>
		</div>
	</div>

	<!-- Start of claimstatus page -->
	<div data-role="page" id="claimstatus">
		<div data-role="header">
			<a href="#landing" data-icon="arrow-l">Back</a>
			<h1>Claim Status</h1>
		</div>
		<!-- /header -->
		<div data-role="content">
			<ul data-role="listview" data-theme="b" data-divider-theme="d">
				<li data-role="list-divider">Viewing Claims From 3/7/12</li>
				<li data-icon="check"><a href="#claimdetail">
						<h3>Headache</h3>
						<p class="completedli">
							<strong>Completed</strong>
						</p>
						<p>
							Claim Duration:<strong>N/A</strong>
						</p>
						<p class="ui-li-aside">
							<strong>5/12/12</strong>
						</p>
				</a></li>
				<li data-icon="refresh"><a href="#claimdetail">
						<h3>Back Pain</h3>
						<p class="progressli">
							<strong>Development</strong>
						</p>
						<p>
							Claim Duration:<strong>5 Days</strong>
						</p>
						<p class="ui-li-aside">
							<strong>9/2/12</strong>
						</p>
				</a></li>
				<li data-icon="alert"><a href="#claimdetail">
						<h3>Shoulder Brusitis</h3>
						<p class="importantli">
							<strong>More Info Required</strong>
						</p>
						<p>
							Claim Duration:<strong>6 Days</strong>
						</p>
						<p class="ui-li-aside">
							<strong>9/1/12</strong>
						</p>
				</a></li>
			</ul>
		</div>
	</div>

	<!-- Start of updateaddress page -->
	<div data-role="page" id="updateaddress">
		<div data-role="header">
			<a href="#landing" data-icon="arrow-l">Back</a>
			<h1>Update Address</h1>
		</div>
		<!-- /header -->
		<div data-role="content">
			<div>
				<!--	<form action="#" method="get" data-transition="pop"> -->
				<div data-role="fieldcontain">
					<fieldset>
						<div data-role="fieldcontain">
							<label for="address1">Address 1:</label> <input type="text"
								name="address1" id="address1" value="" />
						</div>
						<div data-role="fieldcontain">
							<label for="address2">Address 2:</label> <input type="text"
								name="address2" id="address2" value="" />
						</div>
						<div data-role="fieldcontain">
							<label for="city">City:</label> <input type="text" name="city"
								id="city" value="" />
						</div>
						<div data-role="fieldcontain">
							<label for="state" class="select">State:</label> <select
								name="state" id="state">
								<option value="AL">Alabama</option>
								<option value="AK">Alaska</option>
								<option value="AZ">Arizona</option>
								<option value="AR">Arkansas</option>
								<option value="CA">California</option>
								<option value="CO">Colorado</option>
								<option value="CT">Connecticut</option>
								<option value="DE">Delaware</option>
								<option value="FL">Florida</option>
								<option value="GA">Georgia</option>
								<option value="HI">Hawaii</option>
								<option value="ID">Idaho</option>
								<option value="IL">Illinois</option>
								<option value="IN">Indiana</option>
								<option value="IA">Iowa</option>
								<option value="KS">Kansas</option>
								<option value="KY">Kentucky</option>
								<option value="LA">Louisiana</option>
								<option value="ME">Maine</option>
								<option value="MD">Maryland</option>
								<option value="MA">Massachusetts</option>
								<option value="MI">Michigan</option>
								<option value="MN">Minnesota</option>
								<option value="MS">Mississippi</option>
								<option value="MO">Missouri</option>
								<option value="MT">Montana</option>
								<option value="NE">Nebraska</option>
								<option value="NV">Nevada</option>
								<option value="NH">New Hampshire</option>
								<option value="NJ">New Jersey</option>
								<option value="NM">New Mexico</option>
								<option value="NY">New York</option>
								<option value="NC">North Carolina</option>
								<option value="ND">North Dakota</option>
								<option value="OH">Ohio</option>
								<option value="OK">Oklahoma</option>
								<option value="OR">Oregon</option>
								<option value="PA">Pennsylvania</option>
								<option value="RI">Rhode Island</option>
								<option value="SC">South Carolina</option>
								<option value="SD">South Dakota</option>
								<option value="TN">Tennessee</option>
								<option value="TX">Texas</option>
								<option value="UT">Utah</option>
								<option value="VT">Vermont</option>
								<option value="VA">Virginia</option>
								<option value="WA">Washington</option>
								<option value="WV">West Virginia</option>
								<option value="WI">Wisconsin</option>
								<option value="WY">Wyoming</option>
							</select>
						</div>
						<div data-role="fieldcontain">
							<label for="zipcode">Zip Code:</label> <input type="number"
								name="zipcode" id="zipcode" value="" />
						</div>
					</fieldset>
				</div>
			</div>
		</div>
		<div data-role="footer" data-position="fixed">
				<fieldset class="ui-grid-a">
					<div class="ui-block-a" style="padding:5px;">
						<button type="submit" id="updateaddresscancel" data-theme="d">Cancel</button>
					</div>
					<div class="ui-block-b" style="padding:5px;">
						<button type="submit" id="updateaddresss" data-theme="a">Submit</button>
					</div>
				</fieldset>
		</div>
					<!--	</form>	-->
	</div>

	<!-- Start of updatebank page -->
	<div data-role="page" id="updatebank">
		<div data-role="header">
			<a href="#landing" data-icon="arrow-l">Back</a>
			<h1>Update Banking</h1>
		</div>
		<!-- /header -->
		<div data-role="content">
			<!-- 		<form action="#" method="get"> -->
			<div data-role="fieldcontain">
				<fieldset>
					<div data-role="fieldcontain">
						<label for="bankname">Bank Name:</label> <input type="text"
							name="bankname" id="bankname" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="accountnumber">Account Number:</label> <input
							type="number" name="accountnumber" id="accountnumber" value="" />
					</div>
					<div data-role="fieldcontain">
						<label for="routingnumber">Routing Number:</label> <input
							type="number" name="routingnumber" id="routingnumber" value="" />
					</div>
				</fieldset>
				<fieldset data-role="controlgroup">
					<legend>Account Type:</legend>
					<input type="radio" name="accounttypechoice"
						id="accounttypechoicechecking" value="choice-1" /> <label
						for="accounttypechoicechecking">Checking</label> <input
						type="radio" name="accounttypechoice"
						id="accounttypechoicesavings" value="choice-2" /> <label
						for="accounttypechoicesavings">Savings</label>
				</fieldset>
			</div>
		</div>
		<div data-role="footer" data-position="fixed">
				<fieldset class="ui-grid-a">
					<div class="ui-block-a" style="padding:5px;">
						<button type="submit" id="updatebankingcancel" data-theme="d">Cancel</button>
					</div>
					<div class="ui-block-b" style="padding:5px;">
						<button type="submit" id="updatebankingsubmit" data-theme="a">Submit</button>
					</div>
				</fieldset>
		</div>
					<!--	</form>	-->
	</div>

	<!--  start of searchva page -->
	<div id="searchva" data-role="page">
		<div data-role="header">
			<a href="#landing" data-icon="arrow-l">Back</a>
			<h1>Find VA</h1>
		</div>
		<!-- /header -->
		<div data-role="content">
			<div id="map_canvas" style="position:absolute; width:100%; height:100%;"></div>
		</div>
	</div>
</body>
</html>